body {
    background-color: #f5f5f5;

}
@import url(./common.css);
/* 引入head 和footer 的公共样式 */

/* banner and nac --S-- */

  .red {
    color: red;
  }
.banner {
    width: 351px;
	height: 314px;
	/* background-color:skyblue; */
	border-radius: 4px;
    margin: 5px 12px;
}
 .ad {
    width: 332px;
	height: 159px;
    /* background-color: blue; */
    border-radius: 5px;
   /* text-align: center; */

}   

 .banner .ad  img {
 width: 100%;  
 padding: 5px 10px;
} 
.nav {
    display: flex;
    flex-wrap: wrap;
    /* 开启flex ,和换行一定要给父级添加，同级的盒子无效 */
    width: 332px;
	height: 159px;
    /* background-color: green; */
     justify-content: center;
     align-items: center;
     text-align: center;
    justify-content: space-between;
    /* 全部居中即可
     between 均分剩余空间
     */
}


.nav div {
  
    width: 25%;
  
}
.nav div  img {
    width: 36px;
  height: 36px;
    
}
.nav div p {
    color: #333333;
    font-size: 12px;

}



/* <!-- The goods --Start --> */

.goods {
    width: 351px;
	height: 288px;
	/* background-color: skyblue; */
	border-radius: 4px;
    margin: 5px 12px;

}


.goods .hd {
    display: flex;
    justify-content: space-between;
    height: 40px;
    width: 100%;
    /* background-color:springgreen; */
    line-height: 40px;
}
.goods .hd h4 {
    font-size: 17px;
    color: #333333;
}

.goods .hd  span {
   font-size: 14px;
   color: #999999;
}

 .bd {

/* justify-content: center; */
    width: 336px;
    height: 206px;
    /* background-color: antiquewhite; */
    margin: 0 auto;

} 
.bd .bd_item {
    display: flex;
    width: 336px;
	height: 103px;
    /* background-color: burlywood; */


}

     .bd_item .pic {
    width: 100px;
	height: 100px;
	background-color: #f5f5f5;
	border-radius: 8px;

}
 .bd_item .pic img {
    width: 100%;
}
.msg  {
    margin-left: 10px;
 

}

 .msg_item  {
    padding-top: 5px;

 }

 .msg_item span,
  .msg_item p{
    color: #999999;
    font-size: 12px;
   
 }
 .msg_item p {
    margin-top: 5px;
 }


.num   {
    display: flex;
    height: 23px;
    justify-content: space-between;
 color: red;
  margin-top: 10px;
  /* background-color: pink; */
 
}
.num span{
    font-size: 5px;
}
.num i {
    font-size: 14px;
} 
.num button {
    width: 60px;
	height: 21px;
	border-radius: 2px;
	border: solid 1px #f57c00;
    color: #fca254;
    font-size: 12px;
}

.ad_item {
    width: 325px;
	height: 90px;
     margin-top: -20px;
}

.ad_item  img {
    width: 100%;
    text-align: center;
    line-height: 90px;    
}

.footer .red  span {
    color: red;

}
   